@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{background: #f2f2f2;font-family:"微软雅黑";}
li{ list-style:none;}
h1,h2,h3,h4,h5,h6,strong,b{ font-size:12px; font-weight:normal;}
em,i{font-style:normal;}
a{ text-decoration:none;}
.clearfix:after{content:""; display:block;clear:both;}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
input{ border:none; background:none; outline:none;}
input[type=button],input[type=submit],input[type=file],button{ cursor: pointer; -webkit-appearance: none;border-radius: 0;}
img{border:none;}

.bind-header{position: fixed;left: 0;top: 0;z-index: 100;width: 100%;height: 0.88rem;border-bottom: 1px solid #e3e3e3;background: #fff;}
.bind-header .title{line-height: 0.88rem;font-size: 0.36rem;color: #333;text-align: center;}
.bind-header .return{position: absolute;left: 0;top: 0;display: block;width: 0.71rem;height: 0.88rem;background: url(../img/return.png) no-repeat center center;background-size: 0.22rem 0.41rem; }
.card-num, .verification-code{margin-top: 1.08rem;width: 100%;height: 0.8rem;background: #fff;font-size: 0;}
.card-num .title{display: inline-block;margin-left: 0.2rem;vertical-align: top;line-height: 0.8rem;font-size: 0.3rem;color: #999;}
.card-num input{display: inline-block;margin-left: 0.1rem;vertical-align: top;width: 5.6rem;height: 0.8rem;line-height: 0.3rem;font-size: 0.3rem;color: #666;background: #fff;}
.tel{margin-top: 0.2rem;}
.verification-code{margin-top: 1px;}
.verification-code .title{float: left;margin-left: 0.2rem;line-height: 0.8rem;font-size: 0.3rem;color: #999;}
.verification-code .text{float: left;margin-left: 0.6rem;width: 3rem;height: 0.8rem;line-height: 0.3rem;font-size: 0.3rem;color: #666;background: #fff;}
.verification-code .btn{float: right;margin-right: 0.15rem;padding: 0 0.2rem;line-height: 0.8rem;font-size: 0.24rem;color: #009a44;background: #fff;}
input.sub-btn{display: block;margin: 1.3rem auto 0;width: 90%;height: 0.88rem;line-height: 0.88rem;text-align: center;border-radius: 0.05rem;font-size: 0.3rem;color: #fff;background: #009a44;}

/* 绑卡 */
.unbound-wrapper{margin-top: 1.5rem;}
.unbound-wrapper .icon{margin: 0 auto;width: 2.98rem;height: 2.36rem;}
.unbound-wrapper .icon img{width: 2.98rem;height: 2.36;}
.unbound-wrapper .detail{margin-top: 0.66rem;line-height: 0.36rem;font-size: 0.3rem;color: #666;text-align: center;}
.unbound-wrapper .bind-btn{display: block;margin: 0.5rem auto 0;width: 90%;height: 0.88rem;line-height: 0.88rem;text-align: center;border-radius: 0.05rem;font-size: 0.36rem;color: #009a44;border: 1px solid #009a44;box-sizing: border-box;}
.card-list{margin-top: 1.19rem;}
.card-list .green-card{position: relative;margin: 0.28rem auto 0;width: 6.6rem;height: 4.17rem;background: url(../img/green-card-bd.png) no-repeat;background-size: 6.6rem 4.17rem;box-shadow: 0.15rem 0.15rem 0.35rem #c0c0c0;border-radius: 0.3rem;}
.card-list .green-card .balance, .integral{padding: 2.2rem 0 0 0.56rem;line-height: 0.32rem;font-size: 0.32rem;color: #fff;}
.card-list .green-card .integral{color: #fff;}
.card-list .green-card .integral{padding: 0;margin: 0.33rem 0 0 0.56rem;}
.card-list .green-card .no-vip{padding: 0 0.56rem;margin-top: 0.3rem;height: 0.4rem;font-size: 0;}
.card-list .green-card .no-vip .no{float: left;margin-top: 0.1rem;line-height: 0.3rem;font-size: 0.3rem;color: #8a6d2a;background: -webkit-linear-gradient(top, #d9c881, #8b6a1e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.card-list .green-card .no-vip .vip{float: right;line-height: 0.4rem;font-size: 0.4rem;color: #fff;}
.card-list .green-card .discount{position: absolute;right: 0.56rem;bottom: 1.24rem;line-height: 0.62rem;font-size: 0.62rem;color: #ed6d00;}
.card-list .black-card{background: url(../img/black-card-bd.png) no-repeat;background-size: 6.6rem 4.17rem;}
.card-list .black-card .balance, .integral{color: #b4955f;}
.card-list .black-card .integral{color: #b4955f;}
.card-list .black-card .no-vip .vip{color: #b4955f;}
.card-list .black-card .discount{color: #fff;}
